/* 
    Document   : useradmin
    Created on : Feb 15, 2013, 4:23:56 PM
    Author     : Rizky
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.input-right{float:right; width:200px;}
.input-block{display:block;margin-bottom: 10px;}
.submit-container{margin-top:10px;padding:5px;}

.block{display: block;float:left;}

.block-table{display: block;background-color:white;padding:0px 40px;margin-top:-30px;}

.block-table td,.block-table th{
    padding:8px;
}

.block-table th{	background-color:#6699CC;}

#table-id_filter{margin-bottom:10px;}
#table-id{clear:both;}

.dialog-container{
    position:absolute;top:50%;left:50%;

}
.dialog{
    background-color:#E5D7CC;
    padding: 10px;
    border: 1px double grey;

    position: relative;
    min-height: 100px;
    max-height: 300px;
    margin-top: -150px;
    width: 400px;
    min-width: 100px;
    margin-left: -200px;
    display:none;
}

.dialog legend{font-size: 20px !important;}

.anchor-button{cursor:pointer;}
.button-add{ float:left;clear:both;padding:10px;margin-top:10px;}
.clearboth{	clear:both;}
.right{	float: right;}
.mt-10{margin-top: 10px;}
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px;}
.hide{display:none;}


/* Statistic Page */
.chart-div{
    padding-top: 20px;
}

.chart-content{
    float: center;
    width: 1000px;
    background: #FFFFFF;
}

.fieldset-question{
    display:block;
    float: left;
    width:450px;
    height:150px;
}
.question-box{
    width:420px;
    height:120px;
    overflow: auto;
}
.question-box ul{padding-left: 0;}
.question-box li{list-style: none;}

.duration-picker{
	margin-top: 2px;
	float:right;
	display:block;
}

#tabs{
    margin-bottom: 50px;
}

.q-tab{
    text-align: center;
}

.time-response{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.table-stat{
    margin-top: 10px;
    font-size: 11px;
}

.side-table{
    display: block;
    float: left;
}
.table-right{
    overflow-x:auto;
    width : 800px;
}

.hHeader, .tHeader{	height : 45px;}
.tHeader > td{	
    max-width : 60px; 
    min-width : 60px;
    width : 60px;
}

.dialog-photo{
    background-color:black;
    padding: 10px;
    border: 1px double grey;

    min-height: 50px;
    min-width: 50px;
    display:none;
}
#photo-container img{
    max-width : 130px; 
    max-heigth : 130px;
}

.photo-update img{
    max-width : 130px; 
    max-heigth : 130px;
}
.photo-close, .hover-photo{cursor:pointer; text-align:center;}
.photo-close{color: gray;}